<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>界面登录</title>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
	</head>
	<body>
		<!--head-->
		<div id="head">
			<div id="head_content">
				<!--logo-->
				<h1 id="logo"><img src="../images/login/logo.jpg" alt="" /></h1>
				<!--nav-->
				<img src="../images/login/nav.jpg" alt="" id="nav"/>
			</div>
		</div>
		<!--canvas-->
		<div id="canvas">
			<div id="can_content">
				<div id="content">
					<div id="ct-left">
						<img src="../images/login/banner.jpg"/>
					</div>
					
					
						<div id="from">
							<div id="title">
								<h3>登录快乐购</h3>
								<p>还没有快乐购账号<span><a href="javascript:;">快速注册</a></span></p>
							</div>
							<div id="choice">
								<input type="radio" name="login-style" id="" value="" checked="checked"/><i>快捷登录</i>
								<input type="radio" name="login-style" id="login-style" value="" /><i>普通密码登录</i>
							</div>
							<!--快捷登录-->
						<div id="box">
							<div id="login1">
								<input type="text" name="" id="phone" value="" placeholder="请输入手机号码" />
								<br>
								<span class="tips">请输入手机号码</span>
						
								<input type="text" name="" id="round" value="" placeholder="请输入短信验证码验证码" />
								<button id='roundBtn'>获取验证码</button>
								<span class="tips">请输入您的短信验证码</span>
								<!--登录按钮-->
								<button id="loginBtn">立即登录</button>
								<p>你可以使用以下账号登录</p>
								<a href="javascript:;" title="QQ"><img src="../images/login/qq.jpg" /></a>
								<a href="javascript:;" title="新浪微博"><img src="../images/login/sina.jpg" /></a>
								<a href="javascript:;" title="支付宝"><img src="../images/login/zfb.jpg" /></a>
							</div>
						</div>
							
								
						<div id="box2">
							
								<!--普通密码登录-->
							<div id="login2">
								<!--用户名-->
								<div id="usename">
									<input type="text" name="" id="usname" value="" placeholder="已验证手机/邮箱/用户名"/>
									<p class='tips'>登录名可能是您的手机号,邮箱或用户名</p>
								</div>
								
								<!--密码-->
								<div id="pwd">
									<input type="password" name="password" id="password" value="" placeholder="请输入密码"/>
									<p class="tips">您的密码可能为字母,数字或符号的组合</p>
								</div>
								
								<!--验证码-->
								<div id="rand">
									<div id="randIpt">
										<input type="text" name="" id="rd" value="" placeholder="验证码"/>
										<span id=''>CGTX</span>
										<a href="javascript:;">换一张</a>
									</div>
									<p class="tips">请输入右侧验证码,不区分大小写</p>
								</div>
								
								<!--选择框-->
								<div id="check">
									<input type="checkbox" name="" id="cht" value="" checked="checked"/>
									<span>记住用户名</span>
									<i>忘记密码?</i>
								</div>
								
								<!--登录按钮-->
								<div id="lgn">
									<button>立即登录</button>
								</div>
								<!--提示信息-->
								<div id="msg">
									<p>您可以使用以下账号登录</p>
								</div>
								
								<!--连接-->
								<div id="hrf">
									<a href="javascript:;"><img src="../images/login/qq.jpg"/></a>
									<a href="javascript:;"><img src="../images/login/sina.jpg"/></a>
									<a href="javascript:;"><img src="../images/login/zfb.jpg"/></a>
								</div>
								
							</div>
						</div>
						
						
						</div>
					
				</div>
			</div>
		</div>
		
		<!--foot-->
		<div id="foot">
			<div id="foot_content">
				<!--文本-->
				<p>
					<span class='font_arial'>Copyright&copy;2006-2016 happigo. All Rights Reserved </span>
					
               		 免费服务热线: 400-705-1111 | 固话也可拨打: 400-705-8800
               		 <span class='font_arial'>E-Mail: service@happigo.com</span>
               		 <br />
               		 湘ICP备17009657号 信息网络传播视听节目许可证号：1810530
				</p>
				<!--链接-->
				<p class="foot_p">
					<a href="javascript:;" target="_blank"><img src="../images/login/foot_img3.png" alt="" /></a>
					<a href="javascript:;" target="_blank"><img src="../images/login/foot_img4.png"/></a>
				</p>
			</div>
		</div>
	</body>
</html>
